<nav class="global-nav">

    <a class="ghost-logo nav-item" href="/">
        <div class="nav-label"><i class="icon-ghost"></i> <span>Visit blog</span> </div>
    </a>

    <a href="/" class="nav-item content active" href="#">
        <div class="nav-label"><i class="icon-content"></i> Content</div>
    </a>
    <a class="nav-item new-post" href="#">
        <div class="nav-label"><i class="icon-add"></i> New Post</div>
    </a>
    <a class="nav-item settings" href="#">
        <div class="nav-label"><i class="icon-settings2"></i> Settings</div>
    </a>
    <a class="nav-item thing" href="#">
        <div class="nav-label">Thing</div>
    </a>
    <a class="nav-item thing2" href="#">
        <div class="nav-label">Thing2</div>
    </a>

    <div class="nav-item user-menu" data-href="#">
        <div class="nav-label">
            <div class="image"><img src="https://pbs.twimg.com/profile_images/2424666637/rm02mq43w94amr8jbhz3.jpeg" alt="John O'Nolan"></div>
            <div class="name">
                John O'Nolan <i class="icon-chevron-down"></i>
                <small>Profile &amp; Settings</small>
            </div>
        </div>
        <div class="dropdown">
            <ul class="dropdown-menu triangle-top-right" role="menu">
                <li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="#">Action</a></li>
                <li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="#">Another action</a></li>
            </ul>
        </div>
    </div><!--menu-holder-->

</nav><!--global-nav-->